import './App.css';
import React from 'react';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import ResponsiveNavbar from './ResponsiveNavbar';
import Login from './Login';
import Publish from './Publish';
import Delete from './Delete';

function App() {
  return (
    <Router>
      <div>
        <Routes>
          <Route path="/" element={<Login />} />
          <Route
            path="/publish"
            element={
              <>
                <ResponsiveNavbar />
                <Publish />
              </>
            }
          />
          <Route
            path="/delete"
            element={
              <>
                <ResponsiveNavbar />
                <Delete />
              </>
            }
          />
        </Routes>
      </div>
    </Router>
  );
}

export default App;